.center-2 {
    width: 100%;
    /* height: 900px; */
    /* background-color: aqua; */
    float: left;
    margin-top: 5px;
}

.xq {
    width: 100%;
    height: 50px;
    background-color: rgb(255, 156, 1);
    /* float: left; */

}

.xq P {
    line-height: 50px;
    margin: 0 30px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    transition: all 1s;
}

.xq P:hover {
    color: red;
    cursor: pointer;
}

.xq-rigth {
    float: right;
    width: 970px;
    /* background-color: rgb(212, 212, 212); */
    
}

.xq-rigth-txt {
    float: right;
    width: 460px;
    height: 500px;
    /* background-color: rgb(255, 251, 18); */
    margin-top: 10px;
}

.jiage {
    width: 100%;
    height: 100px;
    background-color: rgb(255, 242, 233);
    margin: 10px 0;
}

.jiage-1 {
    width: 100px;
    height: 100%;
    /* background-color: red; */
    line-height: 47px;
    float: left;

}

.jiage-1 p {
    font-size: 18px;
    margin: 0 10px;
    color: rgb(87, 80, 76);
}

.jiage-2 {
    width: 78%;
    height: 100%;
    /* background-color: rgb(3, 248, 97); */
    float: right;

}

.jiage-2 p {
    line-height: 47px;
}

.jiage-2 p:nth-child(1) {
    /* 在文字中间显示横线 */
    text-decoration: line-through;
    font-size: 20px;
    color: rgb(87, 80, 76);
    margin: 0 10px;
}

.jiage-2 p:nth-child(2) {
    font-size: 40px;
    font-weight: bold;
    color: rgb(246, 74, 1);
}

.qg {
    height: 30px;
    background-color: rgb(255, 156, 1);
    float: right;
    margin-top: -37px;
}

.qg p {
    line-height: 30px;

}

.jiage-3 {
    width: 100%;
    height: 50px;
    background-color: rgb(254, 249, 245);
    text-align: center;
    line-height: 50px;
    margin: -10px 0;
}

.jiage-4 {
    display: flex;
    width: 100%;
    height: 40px;
    /* background-color: rgb(255, 7, 7); */
    line-height: 40px;
    /* 下边框线 */
    border-bottom: 1px solid rgb(227, 227, 227);
    /* margin: 10px 0; */
}

.jiage-4 a {
    text-decoration: none;
    display: block;
    font-size: 20px;
    /* background-color: red; */
    
}
.jiage-4 a>p{
    display: block;
    
}
.jiage-4 p:nth-child(1) {
    margin: 0 10px;
    color: rgb(87, 80, 76);
}
.jiage-4 select{
    /* background-color: #f70808; */
    border: 0.1px solid rgb(227, 227, 227);
    height: 30px;
    margin: 11px 10px;
    font-size: 18px;
}

.cm {
    width: 100%;
    height: 60px;
    /* background-color: red; */
}

.cm-rigth {
    width: 78%;
    height: 100%;
    /* background-color: rgb(3, 248, 97); */
    float: right;
}

.cm-1 {
    width: 100px;
    height: 100%;
    /* background-color: rgb(79, 4, 253); */
    line-height: 57px;
    float: left;
}

.cm-1 p {
    margin: 0 10px;
    font-size: 20px;
}

.cm-rigth ul {
    margin: 10px 0;
}

.cm-rigth ul>li:nth-child(1) {
    margin: 0;
}

.cm-rigth ul>li {
    float: left;
    font-size: 20px;
    line-height: 40px;
    margin: 0 5px;
    border: 1px solid rgb(216, 216, 216);
    padding: 0 15px;
    height: 40px;
    background-color: #ffffff;
}

.cm-rigth img {
    width: 60px;
    margin: 0 5px;
    border: 1px solid #dedede;
    padding: 3px ;
    background-color: #fff;
}
.cm-rigth img:nth-child(1){
    margin: 0;
}
/* 购物车添加数量按钮 */
body {
    margin: 0;
    padding: 0;
}

.cm-rigth.heigth .ttt {
    height: 300px;
    text-align: center;
    list-style: none;

}
.cm-rigth.heigth ul li:nth-child(1){
    background-color: rgb(236,236,236);
}
.cm-rigth.heigth ul li:nth-child(3){
    background-color: rgb(236,236,236);
}
.ttt li>input {
    width: 80px;
    height: 30px;
    font-size: 20px;
    text-align: center;
}
.ttt li>button{
    height: 30px;
    width: 30px;


}
#text{
    margin: 0;
}
#plus{
    font-size: 30px;
    background-color: rgb(236,236,236);
    margin: 5px;
}
#subtract{
    font-size: 30px;
    background-color: rgb(236,236,236);
}
#money {
    text-align: left;
    width: 40px;
}
.cm-rigth.heigth ul li:nth-child(3){
    width: 40px;
}
.cm-rigth.heigth ul li:nth-child(4){
    border: none;
}
.cm-rigth.heigth ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    background-color: rgb(255, 255, 255);
}
.cm-rigth.heigth ul li p{
    float: left;
    margin-left: 20px;
}
/* 购物车添加数量按钮end */

.lkgm{
    width: 100px;
    height: 50px;
    background-color: rgb(255,228,209);
    color: #f26b0a;
    margin: 10px;
    line-height: 50px;
    text-align: center;
    border: 0.1px solid rgb(255, 182, 113);
    /* 设置圆角 */
    border-radius: 2px;
    float: left;
    margin-left: 100px;
}
.lkgm-2{
    width: 150px;
    height: 50px;
    background-color: rgb(250,70,1);
    color: #ffffff;
    margin: 10px 0 0 10px;

    line-height: 50px;
    text-align: center;
    border: 0.1px solid rgb(255, 182, 113);
    /* 设置圆角 */
    border-radius: 2px;
    float: left;
}

.lkgm-2 img{
    display: block;
    margin: 18px 0px 0 20px;
    float: left;
}

.xq-min-img{
    float: left;
    width: 500px;
    height: 115px;
    background-color: rgb(255, 255, 255);

}
.xq-min-img ul{
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}
.xq-min-img ul a{
    display: block;
}
.xq-min-img ul li{
    display: block;
    width: 92px;
    margin: 0;
   
}
.xq-min-img  img{
    width: 90px;
    
}
.xq-min-img  img:hover{
    border: 2px solid rgb(255, 196, 0);
    
}

/* 热门推荐悬浮窗 */
.rmtj-float{
    float: right;
    margin: -50px -360px;
    width: 350px;
    /* height: auto; */
    background-color: rgb(255, 119, 0);
    border: 1px solid rgb(234, 234, 234);
    box-shadow: 2px 2px 5px 2px rgb(236, 236, 236);
    
}
.display{
    display: flex;
    width: 350px;
    height: auto;
    border: none;
    background-color: #ffffff;
    justify-content: space-between;
}
.rmtj-float .rmtj{
    width: 100%;
    height: 50px;
    background-color: rgb(238,238,238);
    line-height: 50px;
    float: left;
}

.rmtj-float P {
    line-height: 50px;
    color: #000000;
    font-weight: 600;
    font-size: 20px;
    transition: all 1s;
}

.rmtj-float P:hover {
    color: red;
    cursor: pointer;
}
.rmtj-1{
    margin-top: 5px;
    /* width: 82px; */
    /* height: 110px; */
    /* background-color: #000000; */

}
.rmtj-1 img{
    border: 1px solid rgb(228, 228, 228);
    margin: 0 1px;
    width:100px;
}
.rmtj-1 h3{
    color: red;
    text-align: center;
}
/* 热门推荐悬浮窗end */

/* 导航栏 */
.tab{
    margin: 0 0 0 0;
    width: 100%;
    float: left;
    
}
.tab-items{
    display: flex;
    background-color: rgb(235, 235, 235);
    border-bottom: 2px solid #ff0c0c;
    list-style: none;
    height: 50px;
    margin: 0;
    padding: 0;

}
.tab-items .tab-item{
    border-bottom: 2px solid #fb0000;
    border-left: none;
    cursor: default;
    line-height: 50px;
    margin: -2px 0 -2px 0;
    padding: 0 16px;
}
.tab-items .tab-item.active{
    background-color: #ffffff;
    border-bottom-color: #ffff;
    border-top: 5px solid #f5370c;
    line-height: 44px;
    border-left: 1px solid red ;
    border-right: 1px solid red ;
}

.tab-contents{
    /* border-bottom: 1px solid red ; */
    border-left: 1px solid red ;
    border-right: 1px solid red ;
    border-top: none;
    /* padding: 10px; */
    height: auto;
    background-color: #fff;
}

.tab-contents .tab-content{
    display: none;
}
.tab-contents .tab-content.active{
    display: block;
    border: none;
    font-size: 10px;
    display: flex;
    flex-grow: 1;
}
.tab-content{
    display: flex;
    flex-grow: 1;
}
.hz-1{
    display: flex;
    flex-grow: 1;
}
.hz-1 ul{
    margin: 10px;
}
/* 导航栏 end*/

/* 图片详细展示 */

.xq-img img{
    width: 100%;
}
/* 图片详细展示end */
